Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: change navdrop links and sub-links style on hover #463

Open
wants to merge 10 commits into
base: master
Choose a base branch
from

Conversation

gaurav-2-0-0-2
Copy link

Description

  • Links in navdrop on small screens change text on hover from (white:cyan-400)
  • Added transition property to sub-links on hover
  • Background of sub-links have rounded borders

Resolves #462

Demo
asyncapi-conf-1
asyncapi-conf-2

Copy link

netlify bot commented Nov 12, 2024

Deploy Preview for peaceful-ramanujan-288045 ready!

Name Link
🔨 Latest commit c5e8fdd
🔍 Latest deploy log https://app.netlify.com/sites/peaceful-ramanujan-288045/deploys/676469c1ac8b9600086172de
😎 Deploy Preview https://deploy-preview-463--peaceful-ramanujan-288045.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

Copy link
Member

@AceTheCreator AceTheCreator left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome enhancement contribution @gaurav-2-0-0-2, but i think a nice addition will be to show which link is currently active. wyt?

@gaurav-2-0-0-2
Copy link
Author

gaurav-2-0-0-2 commented Nov 13, 2024

Awesome enhancement contribution @gaurav-2-0-0-2, but i think a nice addition will be to show which link is currently active. wyt?

Yes I was thinking the same thing. will add changes to this PR

@ashmit-coder
Copy link
Collaborator

Hey @gaurav-2-0-0-2 The second hover effects for mobile screens would look better as way of indicating where the user is as said by Ace. But I dont see a use of them in mobile view, as after clicking the links the user would simply be redirected.

Copy link
Collaborator

@ashmit-coder ashmit-coder left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove the changes in package-lock.json

@gaurav-2-0-0-2
Copy link
Author

Remove the changes in package-lock.json

do i need to remove package-lock.json when making a PR

@ashmit-coder
Copy link
Collaborator

Remove the changes in package-lock.json

do i need to remove package-lock.json when making a PR

Just dont have any changes in that file

@gaurav-2-0-0-2
Copy link
Author

Hey @gaurav-2-0-0-2 The second hover effects for mobile screens would look better as way of indicating where the user is as said by Ace. But I dont see a use of them in mobile view, as after clicking the links the user would simply be redirected.

and the page re renders and the navdrop set to what it was, do we need to highlight the sub menus here or will it be an overkill ?

@ashmit-coder
Copy link
Collaborator

I don't think it will be an overkill tbh. Wyt @AceTheCreator

@gaurav-2-0-0-2
Copy link
Author

Hey, is this enough ?
asyncapi-conf-4

Copy link
Member

@AceTheCreator AceTheCreator left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! cc @ashmit-coder

@gaurav-2-0-0-2
Copy link
Author

hey is this going to be merged, it is showing some conflicts ?

@ashmit-coder
Copy link
Collaborator

hey is this going to be merged, it is showing some conflicts ?

yes @gaurav-2-0-0-2 you have to resolve those conflicts on your local and then push the new code.

Do try not to hurt the conflicting functionality and maintain your changes as well.

If you need help you can ask in slack. The topic you want to look at is git merge conflict

@gaurav-2-0-0-2
Copy link
Author

hey @ashmit-coder i resolved the conflicts, made a small change to make the functionality work, is it good to go now ? do suggest if any changes required.

@ashmit-coder
Copy link
Collaborator

@gaurav-2-0-0-2 did you make sure not to remove the functionality that was giving conflict.

tell me the name of the file that was causing the conflict.

@gaurav-2-0-0-2
Copy link
Author

@gaurav-2-0-0-2 did you make sure not to remove the functionality that was giving conflict.

tell me the name of the file that was causing the conflict.

Yes I made sure to not remove those changes
The file was components/Navbar/navDrop.js

Copy link
Member

@AceTheCreator AceTheCreator left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

cc @ashmit-coder

@AceTheCreator
Copy link
Member

@gaurav-2-0-0-2 kindly resolve the conflict on this PR 🙏🏽

@gaurav-2-0-0-2
Copy link
Author

gaurav-2-0-0-2 commented Dec 17, 2024

hey @AceTheCreator resolved conflicts I think you can merge now

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants